<%-- 
    Document   : LOGIN
    Created on : 19 Nov 12, 16:29:00
    Author     : TheoNugraha
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>Login</title>
        <style>
            #main{
                background:GRAY;
                border: solid;
                color: black;
                font-weight: bold;
                padding-left:0px;
                padding-right:0px;
                margin-top: 0px;
                margin-left:250px;
                margin-right:210px;
                margin-bottom:0px;
            }
            #menuhor{
                list-style-type: none;
                width: 900x;
                margin: 25;
                padding: 25;
                height: 50px;
                background-color: brown;
                float: center;

            }
            #menuhor li {
                margin: 0;
                padding: 0;
                float: left;
                text-align: center;
            }
            #menuhor a {
                float: center;
                display: block;
                width: 210px;
                text-align: center;
                color: #FFF;
                text-decoration: line-through;
                padding: 1px;
                line-height: 3.1;
                border-right: 3px solid gray;

            }
            #menuhor a:hover{
                background: #DEB887;
            }

        </style>
    </head>
    <body style="background-image:'image/a.jpg'">
        <div id="main">

            <center><img alt="cover" src="image/banner.jpg" width="865" height="420"></center><br><hr>

            <div id="menuhor">          
                <li> <a href="HOME.jsp"> HOME </a></li>
            </div>
            <hr>
            <CENTER><h1>Login</h1>
                <form action="Login" method="post">
                    <p>
                    <table>
                        <%if (request.getParameter("userName") != null) {%>
                        <tr >
                            <td colspan="2" style="background-color: red" >
                                <font color="White" size="4">INVALID PASSWORD OR USER NAME</font>
                            </td>
                        </tr>

                        <%}%>
                        <tr><td><label for="username">Username:</label></td>
                            <td> <input type="text" name="userName" /></td>
                        </tr>
                        <tr>
                            <td><label for="password">Password:</label> </td>
                            <td><input type="password" name="password" /></td>
                        </tr>
                        <tr><td></td><td><select name="class">
                                    <option value="Peminjam">Peminjam</option>
                                    <option value="Staff">Staff</option>
                                </select>
                    </table>
                    <input type="submit" value="Login" name="submit" />
                </form></CENTER>
            <br><br>
            <div id="footer" style="background-color:grey;clear:both;text-align:center;">
                Created by. MoccaTeam </div>
        </div>
    </body>
</html>
